<%@ page language="java" import="java.util.*" pageEncoding="utf-8" %>
<!DOCTYPE html>
<html>
<head>
    <title>商品详情</title>
    <%@ include file="../../common/taglib.jsp" %>

    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" media="screen, projection" href="${ctx}/home/assets/drift/drift-basic.css">
    <script src="${ctx}/home/assets/drift/Drift.js"></script>
</head>
<body>
    <jsp:include page="../../global/head.jsp" flush="true">
        <jsp:param name="showkj" value="0"/>
    </jsp:include>

    <input type="hidden" id="stock" value="${goodMessage.stock}">
    <input type="hidden" name="shopId" value="${goodMessage.shopId}">
    <input type="hidden" name="goodId" value="${goodMessage.goodId}">

    <div class="details w1200">
        <div class="deta-info1">
            <div class="dt-if1-l f-l">
                <div class="dt-if1-datu">
                    <ul qie-da="">
                        <li>
                            <a><img class="goodPhoto" style="width: 380px;height: 378px;"
                                    data-zoom="/resource/download.do?id=${goodMessage.photoId}"
                                    src="/resource/download.do?id=${goodMessage.photoId}"/></a>
                        </li>
                        <div style="clear:both;"></div>
                    </ul>
                </div>
                <div class="dt-if1-fx">
                    <span>商品编码:${goodMessage.code}</span>
                </div>
            </div>

            <div class="dt-if1-m f-l goodPhotoContainer" style="position: relative;height: 389px;">
                <div class="dt-ifm-hd">
                    <h3 style="margin-top: 0px">
                        <a >${goodMessage.goodName}</a>
                    </h3>
                </div>
                <div class="dt-ifm-gojia">
                    <dl>
                        <dd>
                            <p class="p1">
                                <span class="sp1">¥ ${goodMessage.price}</span>
                            </p>
                            <p class="p2">
                                <span class="sp1" style="margin-left: 100px;">评分：5分</span><span
                                    class="sp2">共有 2 条评价</span>
                            </p>
                        </dd>
                        <div style="clear:both;"></div>
                    </dl>
                </div>
                <dl class="dt-ifm-box3" style="margin-top: 44px;">
                    <dt>数量</dt>
                    <dd>
                        <a class="box3-left" href="JavaScript:;">-</a>
                        <input type="text" value="1" style="    margin-bottom: 9px;">
                        <a class="box3-right" href="JavaScript:;">+</a>
                    </dd>
                    <div style="clear:both;"></div>
                </dl>
                <dl class="dt-ifm-box3" style="margin-top: 0px;">
                    <dt>库存</dt>
                    <dd style="line-height: 40px;">${goodMessage.stock}
                    </dd>
                    <div style="clear:both;"></div>
                </dl>
                <div class="dt-ifm-box4">
                    <button class="btn1">立即购买</button>
                    <button class="btn2">加入购物车</button>
                    <button class="btn3">收藏</button>
                </div>
            </div>

            <div class="dt-if1-r f-r">
                <div class="dt-ifr-hd">
                    <div class="dt-ifr-tit">
                        <h3>${goodMessage.shopName}</h3>
                    </div>
                    <ul class="dt-ifr-ul1">
                        <li>
                            <p class="p1">4.61 ↑</p>
                            <p class="p2">商品包装</p>
                        </li>
                        <li>
                            <p class="p1">4.61 ↑</p>
                            <p class="p2">送货速度</p>
                        </li>
                        <li>
                            <p class="p1">4.61 ↑</p>
                            <p class="p2">服务态度</p>
                        </li>
                        <div style="clear:both;"></div>
                    </ul>
                    <div class="dt-ifr-tel">
                        <p>
                            地址：${goodMessage.province=="北京"||goodMessage.province=="重庆"||goodMessage.province=="天津"||goodMessage.province=="上海"?goodMessage.province:""}${goodMessage.city}${goodMessage.area}
                            <br><span style="visibility: hidden;">地址：</span>${goodMessage.addressDetail}</p>
                        <p>TEL：${goodMessage.phone}</p>
                    </div>
                    <button class="dt-r-btn1" style="margin-top:15px;">进入店铺</button>
                    <button class="dt-r-btn2">收藏店铺</button>
                </div>
            </div>
            <div style="clear:both;"></div>
        </div>

        <div class="deta-info2" style="margin-bottom:100px;">
            <div class="dt-if2-r f-r" style="width: 100%;">
                <ul class="if2-tit2" style="width: 100%;">
                    <li class="current" com-det="dt1">
                        <a href="JavaScript:;">产品信息</a>
                    </li>
                    <li com-det="dt2">
                        <a href="JavaScript:;">商品评论</a>
                    </li>
                    <li com-det="dt3">
                        <a href="JavaScript:;">商家信息</a>
                    </li>
                    <div style="clear:both;"></div>
                </ul>
                <div style="border:1px solid #DBDBDB;" com-det-show="dt1">
                    ${goodMessage.describe}
                </div>
                <div style="display:none;" com-det-show="dt2">
                    <div class="if2-r-box3" id="commentDiv">
                        <ul>
                            <li class="current-li">
                                <a style="text-decoration: none;" id="allTab">全部（0）</a>
                            </li>
                            <li>
                                <a  style="text-decoration: none;" id="highTab">好评（0）</a>
                            </li>
                            <li>
                                <a  style="text-decoration: none;" id="middleTab">中评（0）</a>
                            </li>
                            <li>
                                <a style="text-decoration: none;" id="lowTab">差评（0）</a>
                            </li>
                            <div style="clear:both;"></div>
                        </ul>

                        <%--<!--分页-->--%>
                        <%--<div class="paging"></div>--%>
                    </div>
                </div>
                <div class="if2-r-box4" id="shopMessage" style="display:none;" com-det-show="dt3">
                    <%--<iframe style='width: 100%;border: 0;height: 1300px;' src='${ctx}/shop/shopMessagePage.do?id=${goodMessage.shopId}'></iframe>--%>
                </div>
            </div>
            <div style="clear:both;"></div>
        </div>
    </div>
    <script type="text/javascript" src="${ctx}/home/module/goodSearch/js/detail.js"></script>
</body>
</html>